<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>小米官网手机版</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/xiaomi_mobile.css">
</head>
<body>
    <a id="download_app" href="#">
        <img src="img/download_app.png" alt="">
        <span class="delete iconfont">&#xe60d;</span>
    </a>
    <a id="search" href="xiaomi_mobile_search.html">
        <div class="search_top">
            <i class="iconfont">&#xe60c;</i>
            <span>搜索商品名称</span>
        </div>
        <div class="search_bottom"></div>
    </a>
    <section id="switcher">
        <ul>
            <li><a href="#"><img src="img/T12LdgBXZv1RXrhCrK!720x360.jpg" alt=""></a></li>

            <li><a href="#"><img src="img/T1hFxgB_Cv1RXrhCrK!720x360.jpg" alt=""></a></li>
            <li><a href="#"><img src="img/T1kSL_BjEv1RXrhCrK!720x360.jpg" alt=""></a></li>
            <li><a href="#"><img src="img/T1OqAvBCd_1RXrhCrK!720x360.jpg" alt=""></a></li>
            <li><a href="#"><img src="img/T1vFd_B7_v1RXrhCrK!720x360.jpg" alt=""></a></li>
            <li><a href="#"><img src="img/T12LdgBXZv1RXrhCrK!720x360.jpg" alt=""></a></li>

            <li><a href="#"><img src="img/T1hFxgB_Cv1RXrhCrK!720x360.jpg" alt=""></a></li>
        </ul>
        <div class="sw_btn">
            <span class="active"></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>
    </section>
    <section id="hot_goods" class="clearfix">
        <a href="#"><img src="img/T1lJdgB7hv1RXrhCrK.jpg" alt=""></a>
        <a href="#"><img src="img/T1a9hgB7_v1RXrhCrK.jpg" alt=""></a>
        <a href="#"><img src="img/T1F6WgBQYv1RXrhCrK.jpg" alt=""></a>
    </section>
    <ul id="goods_list">
        <li>
            <a href="#">
                <div class="img">
                    <img class="main_img" src="img/T14xJTByZ_1RXrhCrK.jpg" alt="">
                    <img class="sub_img" src="img/xp.png" alt="">
                </div>
                
                <div class="explain">
                    <h5>小米手机5</h5>
                    <p>骁龙820处理器 / 4GB 内存 / 128GB 闪存 / 4轴防抖相机 / 3D陶瓷机身</p>
                    <em>1999元起</em>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <div class="img">
                    <img class="main_img" src="img/T14xJTByZ_1RXrhCrK.jpg" alt="">
                    <img class="sub_img active" src="img/xp.png" alt="">
                </div>
                
                <div class="explain">
                    <h5>小米手机5</h5>
                    <p>骁龙820处理器 / 4GB 内存 / 128GB 闪存 / 4轴防抖相机 / 3D陶瓷机身</p>
                    <em>1999元起</em>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <div class="img">
                    <img class="main_img" src="img/T14xJTByZ_1RXrhCrK.jpg" alt="">
                    <img class="sub_img active" src="img/xp.png" alt="">
                </div>
                
                <div class="explain">
                    <h5>小米手机5</h5>
                    <p>骁龙820处理器 / 4GB 内存 / 128GB 闪存 / 4轴防抖相机 / 3D陶瓷机身</p>
                    <em>1999元起</em>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <div class="img">
                    <img class="main_img" src="img/T14xJTByZ_1RXrhCrK.jpg" alt="">
                    <img class="sub_img" src="img/xp.png" alt="">
                </div>
                
                <div class="explain">
                    <h5>小米手机5</h5>
                    <p>骁龙820处理器 / 4GB 内存 / 128GB 闪存 / 4轴防抖相机 / 3D陶瓷机身</p>
                    <em>1999元起</em>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <div class="img">
                    <img class="main_img" src="img/T14xJTByZ_1RXrhCrK.jpg" alt="">
                    <img class="sub_img active" src="img/xp.png" alt="">
                </div>
                
                <div class="explain">
                    <h5>小米手机5</h5>
                    <p>骁龙820处理器 / 4GB 内存 / 128GB 闪存 / 4轴防抖相机 / 3D陶瓷机身</p>
                    <em>1999元起</em>
                </div>
            </a>
        </li>
    </ul>


   <footer>
       <a href="xiaomi_mobile.html" class="active">
           <i class="iconfont">&#xe60f;</i>
           <span>商城</span>
       </a>
       <a href="xiaomi_mobile_sort.html">
           <i class="iconfont">&#xe610;</i>
           <span>分类</span>
       </a>
       <a href="xiaomi_mobile_shop.html">
           <i class="iconfont">&#xe609;</i>
           <span>购物车</span>
       </a>
       <a href="xiaomi_mobile_service.html">
           <i class="iconfont">&#xe613;</i>
           <span>服务</span>
       </a>
   </footer>
</body>

<script src="js/jquery.js"></script>
<script src="js/mui.min.js"></script>
<script src="js/xiaomi_mobile.js"></script>
</html>